<template>
  <div id="top">
       <div class="topboxx">
        <!--蓝色矩形-->
        <div class="topbox"></div>  
      </div>

        <div class="text1edit3">
            <p>团队详情</p>
        </div>
        <div class="topbox2">
            <div class="p1box">
                <p class="p1">团队信息</p>
            </div>
        </div>


        <div class="edit4_tab1">
            <table width="1100px" border="0px" height="420px">
                <tr>
                    <td><font color='#999999'>机构编号</font></td>
                    <td width='170px'>{{list1.team_id}}</td>
                    <td><font color='#999999'>团队名称</font></td>
                    <td width='170px'>{{list1.team_name}}</td>
                    <td><font color='#999999'>团队头像</font></td>
                    <td width='170px'>
                        <img :src="list1.team_img" width="90px" height="75px"/>
                    </td>
                    <td><font color='#999999'>团队标签</font></td>
                    <td>
                        <el-tag type="danger">高血压</el-tag>
                        <el-tag type="success">冠心病</el-tag>
                    </td>
                </tr>
                <tr>
                    <td><font color='#999999'>机构地址</font></td>
                    <td width='150px'>
                         {{list1.team_captain==1 ?"山西省临汾市":(list1.team_captain =="2"?"陕西省西安市":"河南省郑州市")}}        
                    </td>
                    <td><font color='#999999'>团队评分</font></td>
                    <td width='150px'>
                        <el-rate
                            v-model="value"
                            disabled
                            show-score
                            text-color="#ff9900"
                            score-template="{value}">
                        </el-rate>
                        <font color='#999999' class="eait4_font1">(500人评价)</font>
                    </td>
                    <td><font color='#999999'>分享量</font></td>
                    <td width='150px'>{{list1.team_count}}</td>
                    <td><font color='#999999'>签约人数</font></td>
                    <td>
                        {{list1.team_count}}
                    </td>
                </tr>
                <tr>
                    <td ><font color='#999999'>邀请加入
                        <br>
                        二维码</font></td>
                    <td  colspan="2">
                        <div class="edit4_imgg1">
                            <center>
                            <img src="http://localhost:8080/erweima.jpg" width="160px" height="160px"/>
                            </center>
                        </div>
                        <font color='#999999' class="eait4_font1">医生可通过手机管理端扫描此二维码申请加入团队</font>
                    </td>
                </tr>
                <tr>
                    <td><font color='#999999'>创建时间</font></td>
                    <td>{{list1.create_date}}</td>
                </tr>
                <tr>
                    <td><font color='#999999'>创建人</font></td>
                    <td>
                        
                        {{list1.create_people==1 ?"李明":(list1.create_people =="2"?"小红":"小花")}}
                    </td>
                </tr>
                <tr>
                    <td><font color='#999999'>团队状态</font></td>
                    <td>
                        <el-switch
                            v-model="value1"
                            active-color="#13ce66"
                            inactive-color="#ff4949">
                        </el-switch>
                    </td>
                </tr>
            </table>
        </div>
       
       <!-- <p class="edit4_pppp1">团队成员(4)</p> -->
       <div class="edit4_tabb2">
           <!-- <table border="1px" width="1100px" height="170px">
               <tr>
                   <td>
                       <div class="editytab_box1">
                           <table border="1px">
                               <tr>
                                   <td rowspan="3"></td>
                               </tr>
                               <tr>
                                   <td>李明明</td>
                                   <td><font color='#999999' >全科医师</font></td>
                               </tr>
                           </table>
                       </div>
                   </td>
                   <td>asdf</td>
                   <td>asdf</td>
               </tr>
           </table> -->
       </div>



        <div class="edit4flowbtn2">
            <router-link to="/datas04">
                <el-button
                    plain
                    type="primary"
                    @click="baocun">
                    保存
                </el-button>
            </router-link>
        <router-link to="/datas04">
         <el-button>返回</el-button>
        </router-link>
    </div>

  </div>
</template>

<script>
import axios from "axios";
axios.defaults.baseURL="http://localhost:8080"
export default {
   data() {
      return {
        value: 4.0,
        value1: true,
        list1:[]
      }
    },
   created () {
       this.edit4queryjigoulist();
       document.querySelector('body').setAttribute('style', 'background-color:#F2F7FB')
   },
   methods: {
       baocun(){
             this.$message.success('保存成功')
        },
          //查询
      edit4queryjigoulist(){
          axios({
            url: "/data/getTeamListByid?team_id="+this.$route.query.team_id,
            method: "GET",
        }).then((res) => {
            console.log(res);
            this.list1 = res.data; //把值传到list里面
            console.log(this.list1);
        });
      },
   }
}
</script>

<style>
*{
    padding: 0;
    margin: 0;
}
#top{
    width: 1150px;
    height: 900px;
     background: white;
    margin: 20px auto;
    position: relative;
}
.topbox{
    border-width: 0px;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 6px;
    height: 20px;
    background: inherit;
    background-color: rgba(41, 132, 248, 1);
    border: none;
    border-radius: 8px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.topboxx{
    border-width: 0px;
    position: absolute;
    left: 40px;
    top: 42px;
    width: 6px;
    height: 20px;
}
.text1edit3{
    position: absolute;
    left: 50px;
    top: 43px;
    font-size: 18px;
}
.topbox2{
    position:absolute;
    top: 80px;
    left: 40px;
}
.p1box{
    margin-top: 40px;
}
.p1box11{
    margin-top: 370px;
    margin-left: 10px;
}
.edit4_tab1{
    position: absolute;
    left: 40px;
    top: 150px;
}
.eait4_font1{
    font-size: 10px;
}
.edit4_imgg1{
    width: 170px;
    height: 170px;
    /* border: 1px solid black; */
}
.edit4_pppp1{
    position: absolute;
    left: 40px;
    top: 530px;
}
.edit4_tabb2{
    position: absolute;
    left: 40px;
    top: 560px;  
}
.editytab_box1{
    width: 366px;
    height: 170px;
    border: 1px solid black;
}
.edit4flowbtn2{
    position: absolute;
    left: 40px;
    top: 600px;
}

</style>